<script setup lang="ts">
import OpSearch from '@/components/OpSearch.vue'
import { ref } from 'vue'
interface IEmits {
  (e: 'cancle'): void
}
const emits = defineEmits<IEmits>()
const searchValue = ref('')
</script>

<template>
  <div class="searchView">
    <OpSearch
      showAction
      shape="round"
      placeholder="请输入"
      @cancel="emits('cancle')"
      v-model="searchValue"
    />
  </div>
</template>

<style lang="scss">
.searchView {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  z-index: 999;
}
</style>
